/*滚动条样式 谷歌*/
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background: #ccc2;border-radius:15px;border:0px solid rgba(128,128,128,0.1);}
::-webkit-scrollbar-thumb{background: #5559;border-radius:15px;}
::-webkit-scrollbar-thumb:hover{background: #2d8cf0;}
::-webkit-scrollbar-corner{background: #ccc1;}
.ant-table-sticky-scroll{background: #ccc2;border-radius:15px;opacity:1;}
.ant-table-sticky-scroll-bar{background: #5559;border-radius:15px;border:0px solid rgba(128,128,128,0.1);}
.ant-table-sticky-scroll-bar:hover{background: #2d8cf0;}
/*动画样式*/
@keyframes slideShow {  from{transform:translate3d(10%,0,0);opacity:0;height:0;margin:0;}  to{transform:translate3d(0,0,0);opacity:1;height:auto;}
}
@keyframes slideHidden {  from{transform:translate3d(0,0,0);opacity:1;height:auto;}  to{transform:translate3d(0,0,0);opacity:0;height:0;margin:0;}
}
.animate-show { animation:slideShow ease .6s forwards; }
.animate-hidden { animation:slideHidden ease .5s forwards; overflow:hidden; position:fixed; }
@keyframes slideBottomShow {  from{transform:translate3d(-50%,0,0);opacity:0;height:0;}  to{transform:translate3d(0,0,0);opacity:1;}
}
@keyframes slideBottomHidden {  from{transform:translate3d(0,0,0);opacity:1;}  to{transform:translate3d(-100%,0,0);opacity:0;height:0;}
}
.animate-bottom-show { animation:slideBottomShow ease .4s forwards; }
.animate-bottom-hidden { animation:slideBottomHidden ease .5s forwards; }
/*自定义样式*/
body{padding:0;margin:0;overflow-x:hidden;background:rgb(63,64,79);}
.ant-table-title{display:none;}
.img {vertical-align: bottom;}
.ant-btn-primary:hover,.warn.ant-btn-primary:focus{background: #38b5ff;border-color: #38b5ff;}
.ant-btn-dangerous.ant-btn-primary{background: #df3545;border-color: #df3545;}
.ant-btn-dangerous.ant-btn-primary:hover,.ant-btn-dangerous.ant-btn-primary:focus{background: #f34f55;border-color: #f34f55;}
/*使用方法 <a-button type="primary success"  or type="primary warn"*/
.success.ant-btn-primary {background: #38b755;border-color: #38b755;}
.success.ant-btn-primary:hover,.success.ant-btn-primary:focus{background: #48d065;border-color: #48d065;}
.warn.ant-btn-primary {color:#000;background: #ffc107;border-color: #ffc107;}
.warn.ant-btn-primary:hover,.warn.ant-btn-primary:focus{background: #ffd127;border-color: #ffd127;}
.index-theme- .success.ant-btn-primary[disabled],.index-theme- .warn.ant-btn-primary[disabled]{
    background: #f5f5f5; border-color: #d9d9d9;box-shadow: none;color: rgba(0,0,0,.25);text-shadow: none;}
.index-theme-dark .success.ant-btn-primary[disabled],.index-theme-dark .warn.ant-btn-primary[disabled]{
    background: hsla(0,0%,100%,.08);border-color: #434343;box-shadow: none;color: hsla(0,0%,100%,.3);text-shadow: none;}
.index-back-btn{}
.index-back-btn:hover{color:#f20;}
/*json格式*/
.json_key{color:#888;font-weight:bold;}
.json_null{color:#f30;font-weight:bold;}
.json_string{color:#E90;font-weight:bold;}
.json_number{color:#a0d;font-weight:bold;}
.json_boolean{color:#5a0;font-weight:bold;}
.json_link{color:#2dd;font-weight:bold;}
.json_hide{color:#1890ff;font-weight:bold;font-style:italic;}

/*毛玻璃 和 遮罩样式覆盖*/
.index-theme- .ant-modal-mask, .index-theme- .ant-drawer-mask{background-color:#6694;}
.index-theme-dark .ant-modal-mask, .index-theme-dark .ant-drawer-mask{background-color:#1134;}
.obscure-glass,.ant-modal-mask,.ant-drawer-mask{overflow:hidden;}
.obscure-glass > *,.ant-modal-mask > *,.ant-drawer-mask > *{position:inherit;}
.obscure-glass::before,.ant-modal-mask::before,.ant-drawer-mask::before{
    content:' ';position:absolute;top:0;right:0;left:0;bottom:0;
    -webkit-backdrop-filter: blur(3px);-moz-backdrop-filter: blur(3px);-ms-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
/*样式覆盖
.ant-table-sticky-scroll-bar{margin-top:-4px;}*/
.ant-layout-header,.ant-layout-sider{background: transparent;}
.ant-page-header{padding:15px;}
.ant-page-header-heading-title{font-size:16px;font-weight: 300;margin-right:3px;}
.ant-page-header-heading-sub-title{padding-top:6px;}
.ant-page-header-heading-left{margin:0;}
.ant-page-header-heading-extra{margin:0;}
.ant-table-column-title{white-space: nowrap;text-shadow: 0 1px 1px rgb(0 0 0 / 7%);}
.ant-table-cell[hassubcolumns="true"]{padding-bottom:0px !important;}
.td-wrap{display:-webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ant-table-body{margin-bottom:1px;}
/* index样式 */
.index-theme- .index-head{background-image: linear-gradient(-10deg,#293098, #022930);}
.index-theme-dark .index-head{background-image: linear-gradient(-10deg,#192038, #001015);}
.span-link:hover{color:#1890ff};
/*tabs*/
.index-tabs{background: #88888822;}
.index-tabspane-{background-image: linear-gradient(-10deg,#fafafa, #ffffff);}
.index-tabspane-dark{background-image: linear-gradient(-10deg,#1d1d1d, #141414);}
.index-tabs>.ant-tabs-card>.ant-tabs-content {margin-top: -1px;}
.index-theme- .index-tabs>.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab{background-image: linear-gradient(#fff,#f0f2f5);}
.index-theme-dark .index-tabs>.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab{background-image: linear-gradient(#6662,#0000);}
.index-tabs>.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {border-radius: 6px 6px 0 0;margin-left:3px;border:none;border-top:solid 1.5px #8886;}
.index-tabs>.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {border-top:solid 1.5px #19f9;background-image:none !important;}
/*modal*/
.index-theme- .index-modal .ant-modal-content{background-color:#fff9;}
.index-theme-dark .index-modal .ant-modal-content{background-color:#09090988;}
.index-modal .ant-modal-content{border:solid 1.8px #8883;border-radius:8px;}
.index-modal .ant-modal-content:hover{border-color:#19fa;}
.index-modal .ant-modal-body{padding:0;}
.index-modal .ant-modal-footer{display:none;}
.no-modal .ant-modal-confirm-btns{display:none;}
/*popover*/
.index-theme- .index-popover .ant-popover-inner{background-color:#f7f7f7f7;}
.index-theme-dark .index-popover .ant-popover-inner{background-color:#090909f7;}
.index-popover .ant-popover-inner{border:solid 1.8px #8888;border-radius:8px;}
.index-popover .ant-popover-inner:hover{border-color:#19fa;}
.index-popover .ant-popover-inner-content{padding:0px;}
.index-popover .ant-popover-arrow{display:none;}
/*drawer*/
.index-theme- .index-drawer .ant-drawer-content-wrapper{background-color:#fff9;}
.index-theme-dark .index-drawer .ant-drawer-content-wrapper{background-color:#09090988;}
.index-drawer{padding:75px 0;}
.index-drawer .ant-drawer-content-wrapper{height:auto;max-height:calc(100vh - 150px);border:solid 1.8px #8883;border-radius:8px 0 0 8px;border-right:none;}
.index-drawer .ant-drawer-content-wrapper{overflow-y:auto;}
.index-drawer .ant-drawer-content-wrapper:hover{border-color:#19fa;}
.index-drawer .ant-drawer-body{padding:0;}
.index-drawer .ant-drawer-content{background-color:#0000;overflow:auto;}
/*form*/
.index-form .ant-form-item{margin: 0 0 18px;}
.index-form .ant-form-item-label{font-weight:500;}
.index-form .ant-input,.index-form .ant-select,.index-form .ant-input-password,
.index-form .ant-select .ant-select-selector,
.index-form .ant-input-group-addon, .index-form .ant-input-number-group-addon{border-left:0px;border-top:0px;border-right:0px;}
.index-form .ant-input-number,.index-form .ant-picker{border-left:0px;border-top:0px;border-right:0px;width:100%;border-radius:0px;}
.index-form .index-form-item-no .ant-form-item-label{flex:0 0 0px;}
.index-form .index-form-item-no .ant-form-item-control{flex: 0 0 calc(100% - 0px);overflow: hidden;}
.index-form .index-form-item-sm .ant-form-item-label{flex:0 0 70px;}
.index-form .index-form-item-sm .ant-form-item-control{flex: 0 0 calc(100% - 70px);overflow: hidden;}
.index-form .index-form-item .ant-form-item-label{flex:0 0 100px;}
.index-form .index-form-item .ant-form-item-control{flex: 0 0 calc(100% - 100px);overflow: hidden;}
.index-form .index-form-item-lg .ant-form-item-label{flex:0 0 130px;}
.index-form .index-form-item-lg .ant-form-item-control{flex: 0 0 calc(100% - 130px);overflow: hidden;}
.index-form .ant-form-item .ant-form-item-control-wrapper{flex:1;}
.index-form .item-image{max-height:34px;margin-left:10px;margin-top:-2px;}
/*menu*/
.index-menu .ant-menu,.index-menu .ant-menu-inline{border-right: 1px solid transparent;background:transparent;}
.index-menu .ant-menu-item{margin:0 !important;}
/*collapse*/
.index-collapse .ant-collapse-content-box{padding:0;}
/*descriptions*/
.index-descriptions {}
.index-descriptions .ant-descriptions-item-label{text-align:right;min-width:110px;padding:5px 10px !important;}
.index-descriptions .ant-descriptions-item-content{width:25%;padding:6px !important;}
.index-descriptions .ant-input,.index-descriptions .ant-select,.index-descriptions .ant-input-password,
.index-descriptions .ant-select .ant-select-selector,
.index-descriptions .ant-input-number,.index-descriptions .ant-picker{border:0px;width:100%;}

/*常用css样式*/
/*文本*/
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-df { font-size: 14px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }
.text-xxl { font-size: 22px; }
.text-xxxl { font-size: 27px; }
.text-sl { font-size: 40px; }
.text-xsl { font-size: 60px; }
.text-Abc { text-transform: Capitalize; }
.text-ABC { text-transform: Uppercase; }
.text-abc { text-transform: Lowercase; }
.text-price::before { content: "¥"; font-size: 80%; margin-right: 2px; }
.text-cut { text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-bold { font-weight: bold;}
.text-center { text-align: center;}
.text-content { line-height: 1.6;}
.text-left { text-align: left;}
.text-right { text-align: right;}
/*颜色*/
.text-red { color: #e54d42;}
.text-orange { color: #f37b1d; }
.text-yellow { color: #fbbd08; }
.text-olive { color: #8dc63f; }
.text-green { color: #39b54a; }
.text-cyan { color: #1cbbb4; }
.text-blue { color: #0081ff; }
.text-purple { color: #6739b6; }
.text-mauve { color: #9c26b0; }
.text-pink { color: #e03997; }
.text-brown { color: #a5673f; }
.text-grey { color: #8799a3; }
.text-gray { color: #aaaaaa; }
.text-black { color: #394448; }
.text-white { color: #ffffff; }
/*深色背景*/
.index-theme-dark .bg-red { background-color: #e54d42; color: #ffffff; }
.index-theme-dark .bg-orange { background-color: #f37b1d; color: #ffffff; }
.index-theme-dark .bg-yellow { background-color: #fbbd08; color: #333333; }
.index-theme-dark .bg-olive { background-color: #8dc63f; color: #ffffff; }
.index-theme-dark .bg-green { background-color: #39b54a; color: #ffffff; }
.index-theme-dark .bg-cyan { background-color: #1cbbb4; color: #ffffff; }
.index-theme-dark .bg-blue { background-color: #0081ff; color: #ffffff; }
.index-theme-dark .bg-purple { background-color: #6739b6; color: #ffffff; }
.index-theme-dark .bg-mauve { background-color: #9c26b0; color: #ffffff; }
.index-theme-dark .bg-pink { background-color: #e03997; color: #ffffff; }
.index-theme-dark .bg-brown { background-color: #a5673f; color: #ffffff; }
.index-theme-dark .bg-grey { background-color: #8799a3; color: #ffffff; }
.index-theme-dark .bg-gray { background-color: #f0f0f0; color: #333333; }
.index-theme-dark .bg-black { background-color: #394448; color: #ffffff; }
.index-theme-dark .bg-white { background-color: #ffffff; color: #666666; }
/*浅色背景*/
.index-theme- .bg-red { color: #e54d42; background-color: #fadbd9;}
.index-theme- .bg-orange { color: #f37b1d; background-color: #fde6d2;}
.index-theme- .bg-yellow { color: #fbbd08; background-color: #fef2ced2;}
.index-theme- .bg-olive { color: #8dc63f; background-color: #e8f4d9;}
.index-theme- .bg-green { color: #39b54a; background-color: #d7f0dbff;}
.index-theme- .bg-cyan { color: #1cbbb4; background-color: #d2f1f0;}
.index-theme- .bg-blue { color: #0081ff; background-color: #cce6ff;}
.index-theme- .bg-purple { color: #6739b6; background-color: #e1d7f0;}
.index-theme- .bg-mauve { color: #9c26b0; background-color: #ebd4ef;}
.index-theme- .bg-pink { color: #e03997; background-color: #f9d7ea;}
.index-theme- .bg-brown { color: #a5673f; background-color: #ede1d9;}
.index-theme- .bg-grey { color: #8799a3; background-color: #e7ebed;}
.index-theme- .bg-black { color: #394448; background-color: #e7ebed;}
/*渐变背景*/
.bg-gradual-red { background-image: linear-gradient(45deg, #f43f3b, #ec008c); color: #ffffff;}
.bg-gradual-orange { background-image: linear-gradient(45deg, #ff9700, #ed1c24); color: #ffffff;}
.bg-gradual-green { background-image: linear-gradient(45deg, #39b54a, #8dc63f); color: #ffffff;}
.bg-gradual-purple { background-image: linear-gradient(45deg, #9000ff, #5e00ff); color: #ffffff;}
.bg-gradual-pink { background-image: linear-gradient(45deg, #ec008c, #6739b6); color: #ffffff;}
.bg-gradual-blue { background-image: linear-gradient(45deg, #0081ff, #1cbbb4); color: #ffffff;}
.bg-gradual-black { background-image: linear-gradient(45deg, #778999, #394448); color: #ffffff;}
/*内外边距*/
.margin-0 {  margin: 0;}
.margin-xs {  margin: 5px;}
.margin-sm {  margin: 10px;}
.margin {  margin: 15px;}
.margin-lg {  margin: 20px;}
.margin-xl {  margin: 25px;}
.margin-top-xs {  margin-top: 5px;}
.margin-top-sm {  margin-top: 10px;}
.margin-top {  margin-top: 15px;}
.margin-top-lg {  margin-top: 20px;}
.margin-top-xl {  margin-top: 25px;}
.margin-right-xs {  margin-right: 5px;}
.margin-right-sm {  margin-right: 10px;}
.margin-right {  margin-right: 15px;}
.margin-right-lg {  margin-right: 20px;}
.margin-right-xl {  margin-right: 25px;}
.margin-bottom-xs {  margin-bottom: 5px;}
.margin-bottom-sm {  margin-bottom: 10px;}
.margin-bottom {  margin-bottom: 15px;}
.margin-bottom-lg {  margin-bottom: 20px;}
.margin-bottom-xl {  margin-bottom: 25px;}
.margin-left-xs {  margin-left: 5px;}
.margin-left-sm {  margin-left: 10px;}
.margin-left {  margin-left: 15px;}
.margin-left-lg {  margin-left: 20px;}
.margin-left-xl {  margin-left: 25px;}
.margin-lr-xs {  margin-left: 5px;  margin-right: 5px;}
.margin-lr-sm {  margin-left: 10px;  margin-right: 10px;}
.margin-lr {  margin-left: 15px;  margin-right: 15px;}
.margin-lr-lg {  margin-left: 20px;  margin-right: 20px;}
.margin-lr-xl {  margin-left: 25px;  margin-right: 25px;}
.margin-tb-xs {  margin-top: 5px;  margin-bottom: 5px;}
.margin-tb-sm {  margin-top: 10px;  margin-bottom: 10px;}
.margin-tb {  margin-top: 15px;  margin-bottom: 15px;}
.margin-tb-lg {  margin-top: 20px;  margin-bottom: 20px;}
.margin-tb-xl {  margin-top: 25px;  margin-bottom: 25px;}
.padding-0 {  padding: 0;}
.padding-xs {  padding: 5px;}
.padding-sm {  padding: 10px;}
.padding {  padding: 15px;}
.padding-lg {  padding: 20px;}
.padding-xl {  padding: 25px;}
.padding-top-xs {  padding-top: 5px;}
.padding-top-sm {  padding-top: 10px;}
.padding-top {  padding-top: 15px;}
.padding-top-lg {  padding-top: 20px;}
.padding-top-xl {  padding-top: 25px;}
.padding-right-xs {  padding-right: 5px;}
.padding-right-sm {  padding-right: 10px;}
.padding-right {  padding-right: 15px;}
.padding-right-lg {  padding-right: 20px;}
.padding-right-xl {  padding-right: 25px;}
.padding-bottom-xs {  padding-bottom: 5px;}
.padding-bottom-sm {  padding-bottom: 10px;}
.padding-bottom {  padding-bottom: 15px;}
.padding-bottom-lg {  padding-bottom: 20px;}
.padding-bottom-xl {  padding-bottom: 25px;}
.padding-left-xs {  padding-left: 5px;}
.padding-left-sm {  padding-left: 10px;}
.padding-left {  padding-left: 15px;}
.padding-left-lg {  padding-left: 20px;}
.padding-left-xl {  padding-left: 25px;}
.padding-lr-xs {  padding-left: 5px;  padding-right: 5px;}
.padding-lr-sm {  padding-left: 10px;  padding-right: 10px;}
.padding-lr {  padding-left: 15px;  padding-right: 15px;}
.padding-lr-lg {  padding-left: 20px;  padding-right: 20px;}
.padding-lr-xl {  padding-left: 25px;  padding-right: 25px;}
.padding-tb-xs {  padding-top: 5px;  padding-bottom: 5px;}
.padding-tb-sm {  padding-top: 10px;  padding-bottom: 10px;}
.padding-tb {  padding-top: 15px;  padding-bottom: 15px;}
.padding-tb-lg {  padding-top: 20px;  padding-bottom: 20px;}
.padding-tb-xl {  padding-top: 25px;  padding-bottom: 25px;}